<template>
  <section id="footer">
    <div class="flex flex-col content-center items-center p-5 text-sm">
      <div class="flex flex-row items-center justify-center">
        <p class="text-gray-400">contact@sw.ink</p>
      </div>
      <div class="flex flex-row items-center justify-center">
        <a
          href="/docs"
          class="
            text-gray-400
            px-2
            transition
            hover:underline hover:text-gray-600
          "
          >API</a
        >
        <a
          href="/blog"
          class="
            text-gray-400
            px-2
            transition
            hover:underline hover:text-gray-600
          "
          >Blog</a
        >
        <!-- <a href="/terms-of-service" class="text-secondary px-2">Terms</a>
          <a href="/privacy-policy" class="text-secondary px-2">Privacy</a> -->
        <p class="p-0 m-0 text-gray-400">© 2021 qrnew, Inc.</p>
      </div>
    </div>
  </section>
</template>

<script>
export default {};
</script>

<style>
</style>